<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf8">
		<link rel="stylesheet" type="text/css" href="style.css" />
		<title>项目管理系统</title>
		<script src="./jQuery/jquery-1.8.0.js"></script>
		<script src="util.js"></script>
		<script src="query.js"></script>
		<script src="insert.js"></script>
	</head>
	<body onLoad="onLoad()">
		<?php
			require_once("connect_sql.php");
		?>
	
		<div id="userInfo">
		</div>
		<div id="head">
			<ul id="menu">
				<li id="all"><a href="index.php" title="查看项目">查看项目</a></li>
				<li id="add"><a href="add.php" title="添加项目">添加项目</a></li>
				<li id="update"><a href="update.php" title="更新项目">更新项目</a></li>
				<li id="property"><a href="property.php" title="属性管理">属性管理</a></li>
			</ul>
		</div>
		
		<div id="propertyType">
			<ul id="secoundMenu">
				<li id="author"><a href="?type=1" title="发布人">发布人</a></li>
				<li id="platform"><a href="?type=2" title="平台">平台</a></li>
				<li id="rfpa"><a href="?type=3" title="射频PA">射频PA</a></li>
				<li id="classK"><a href="?type=4" title="音频功放">音频功放</a></li>
				<li id="function"><a href="?type=5" title="软件功能">软件功能</a></li>
				<li id="camera"><a href="?type=6" title="摄像头">摄像头</a></li>
				<li id="lcd"><a href="?type=7" title="屏">屏</a></li>
				<li id="customer"><a href="?type=8" title="客户">客户</a></li>
			</ul>
		</div>
		<div>
			<input id="type" type="hidden" value="<?php if(!empty($_GET['type'])) echo $_GET['type'];?>"/>
		</div>
		<div id="content"></div>
		<div id='footbar'></div>
	</body>
	
	<!--设置标签页选中CSS-->
	<script type="text/javascript">
		var urlstr = location.href;
		var urlstatus=false;
		$("#menu a").each(function () {
			if ((urlstr + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != '') {
				$(this).addClass('curMenu');
				urlstatus = true;
			} else {
				$(this).removeClass('curMenu');
			}
		});
		if (!urlstatus) {
			$("#menu a").eq(0).addClass('curMenu');
		}
		
		var type = $('#type').val();
		var propertyArray = new Array('author', 'platform', 'rfpa', 'classK', 'function', 'camera', 'lcd', 'customer');
		
		for(var i = 0; i < propertyArray.length; i++) {
			$("#" + propertyArray[i] + " a").removeClass('curSecoundMenu');
		};
		$("#" + propertyArray[type - 1] + " a").addClass('curSecoundMenu');
		onPropertyTypeClick(propertyArray[type - 1]);
		
	</script>
	<script type="text/javascript">
		$('#userInfo').load('loadUserInfo.php', function() {
			if(getCookie('login') && getCookie('login') == 'true') {
				$('a#user').text(getCookie('nickname'));
			} else {
				location.href = 'login.html';
			}
		});
		
		function clearAddBtnClickEvt() {
			$("button#addOne").unbind("click");
		}
		function registAddBtnClickEvt() {
			$("button#addOne").click(function() {
				if($(this).parent().parent().children().length == 4) {
					$(this).parent().before('<td class="propertyTd"><input type="text" value=""/></td>');
					$(this).parent().parent().after('<tr name=' + $(this).parent().parent().attr('name') + '><td class="propertyTd"><button class="addBtn" id="addOne"></button></td></tr>');
					$(this).parent().remove();
					clearAddBtnClickEvt();
					registAddBtnClickEvt();
				} else {
					$(this).parent().before('<td class="propertyTd"><input type="text" value=""/></td>');
				}
				return false;
			});
			$("button#platAdd").click(function() {
				$("#platTable").show();
			});
			/*
			$("td").click(function(){
				$.post("queryProperty.php",
				{
					type: "platformDetail",
					name: $(this).attr('value')
				},
				function(data, status){
					alert("Data: " + data + "\nStatus: " + status);
				});
			});
			*/
			$("#platform td").click(function(){
				$.get("queryProperty.php?type=platformDetail&name=" + $(this).text(),
					function(data, status){
						if(status == 'success') {
							var sub = trimStr(data).split(',');
							$("#name").attr('value', sub[0]);
							$("#code").attr('value', sub[1]);
							$("#downloadTool").attr('value', sub[2]);
							$("table#platTable").show();
						}
					});
				return false;
			});
		}
		
		function onSaveClicked(propType) {
			var dataArray = new Array();
			if(propType == 'camera' || propType == 'lcd') {
				$('tr[name]').each(function() {
					$(this).children().find('input').each(function() {
						if($(this).attr('value') != "") {
							dataArray.push(trimStr($(this).attr('value')), trimStr($(this).parent().parent().attr('name')));
						}
					});
				});
			} else if(propType == 'customer') {
				$('td input[type="text"]').each(function() {
					var val = $(this).attr('value');
					var sub = val.split('-')
					if(sub.length == 2) {
						dataArray.push(trimStr(sub[0]), trimStr(sub[1]));
					} else {
						alert('请按格式填写！');
					}
				});
			} else {
				$('td input[type="text"]').each(function() {
					if($(this).attr('value') != "") {
						dataArray.push(trimStr($(this).attr('value')));
					}
				});
			}
			if(dataArray.length == 0) {
				alert("没有需要添加的数据！！");
				return;
			}
			var param = "?type=" + propType;
			if(propType == 'camera' || propType == 'lcd') {
				for(var i = 0; i < dataArray.length; ) {
					param += '&name[]=' + dataArray[i++];
					param += '&size[]=' + dataArray[i++];
				}
			} else {
				for(var i = 0; i < dataArray.length; i++) {
					param += '&data[]=' + dataArray[i];
				}
			}
			addProperty(param);
		}

		function onPlatSaveClicked() {
			var name = trimStr($('input#name').attr('value'));
			var code = trimStr($('input#code').attr('value'));
			var downloadTool = trimStr($('input#downloadTool').attr('value'));
			
			if(name == "" || code == "" || downloadTool == "") {
				alert("内容添写不完整！！");
				return;
			}
			var param = "?type=" + propertyArray[$('#type').val() - 1];
			param += '&name=' + name;
			param += '&code=' + code;
			param += '&downloadTool=' + downloadTool;
			addProperty(param);
		}
		
		function onLoad() {
		}
	</script>
</html>